<template>
	<view style="display: flex;">
		<!-- 		<u--image customStyle="margin: 0rpx 0rpx 0rpx 0rpx" src="/static/bg_promotion.png" width="1080rpx"
			height="1920rpx"></u--image> -->

		<image mode="scaleToFill" src="/static/bg_promotion.png"
			:style="{height:imageHeight + 'px',width:imageWidth + 'px'}"></image>
		<!-- <u--image class="qrcode" :src="image" width="300rpx" height="300rpx"></u--image> -->

		<div class="float-button">
			<u--image :src="image" style="display: flex; justify-items: center;" width="100rpx" height="100rpx" customStyle="margin: 15rpx 0px 0px 15rpx"></u--image>
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imageHeight: 300,
				imageWidth: 800,
				image: "",
			}
		},
		methods: {

		},
		onLoad() {
			this.imageHeight = uni.getSystemInfoSync().windowHeight;
			this.imageWidth = uni.getSystemInfoSync().windowWidth;

			this.$u.api.apiGetUserFX().then(res => {
				if (res.code == 1) {
					console.log(res.data)
					this.image = res.data.apkUrl
				}
			})
		}
	}
</script>

<style>
	.qrcode {
		z-index: 999;
	}

	.float-button {
		position: fixed;
		bottom: var(--window-bottom, 0);
		text-align: center;
		left: 42%;
		right: 0;
		margin: 0 auto;
		margin-bottom: 50rpx;
		z-index: 999;
	}
</style>